<template>
    <div class="checkbutton"   v-bind:class="{check:isChecked}">
        <img src="~assets/img/cart/tick.svg" alt="">
    </div>
</template>
<script>
export default {
    name: "CheckButton",
    props:{
        isChecked:{
            type:Boolean,
            default:null
        }
    },
}
</script>
<style scoped>
.checkbutton{
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #a3a3a5;
    overflow: hidden;
}
.checkbutton img{
    width: 19px;
    height: 19px;
}
.check{
    background-color: pink;
}
</style>
